<!DOCTYPE html>
<!--[if IE 9]>         <html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">

        <title>对冲交易平台</title>

        <meta name="description" content="ProUI Frontend is a Responsive Bootstrap Site Template created by pixelcave and added as a bonus in ProUI Admin Template package which is published on Themeforest.">
        <meta name="author" content="pixelcave">
        <meta name="robots" content="noindex, nofollow">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">

        <!-- Icons -->
        <!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
        <link rel="shortcut icon" href="/portal/img/favicon.png">
        <link rel="apple-touch-icon" href="/portal/img/icon57.png" sizes="57x57">
        <link rel="apple-touch-icon" href="/portal/img/icon72.png" sizes="72x72">
        <link rel="apple-touch-icon" href="/portal/img/icon76.png" sizes="76x76">
        <link rel="apple-touch-icon" href="/portal/img/icon114.png" sizes="114x114">
        <link rel="apple-touch-icon" href="/portal/img/icon120.png" sizes="120x120">
        <link rel="apple-touch-icon" href="/portal/img/icon144.png" sizes="144x144">
        <link rel="apple-touch-icon" href="/portal/img/icon152.png" sizes="152x152">
        <link rel="apple-touch-icon" href="/portal/img/icon180.png" sizes="180x180">
        <!-- END Icons -->

        <!-- Stylesheets -->
        <!-- Bootstrap is included in its original form, unaltered -->
        <link rel="stylesheet" href="/portal/css/bootstrap.min.css">

        <!-- Related styles of various icon packs and plugins -->
        <link rel="stylesheet" href="/portal/css/plugins.css">

        <!-- The main stylesheet of this template. All Bootstrap overwrites are defined in here -->
        <link rel="stylesheet" href="/portal/css/main.css">

        <!-- The themes stylesheet of this template (for using specific theme color in individual elements - must included last) -->
        <link rel="stylesheet" href="/portal/css/themes.css">
        <!-- END Stylesheets -->

        <!-- Modernizr (browser feature detection library) -->
        <script src="/portal/js/vendor/modernizr.min.js"></script>
    </head>
    <body>
        <!-- Page Container -->
        <!-- In the PHP version you can set the following options from inc/config file -->
        <!-- 'boxed' class for a boxed layout -->
        <div id="page-container">
            <!-- Site Header -->
            <header>
                <div class="container">
                    <!-- Site Logo -->
                    <a href="index.html" class="site-logo">
                        <i class="gi gi-flash"></i> <strong>BDS</strong>
                    </a>
                    <!-- Site Logo -->

                    <!-- Site Navigation -->
                    <nav>
                        <!-- Menu Toggle -->
                        <!-- Toggles menu on small screens -->
                        <a href="javascript:void(0)" class="btn btn-default site-menu-toggle visible-xs visible-sm">
                            <i class="fa fa-bars"></i>
                        </a>
                        <!-- END Menu Toggle -->

                        <!-- Main Menu -->
                        <ul class="site-nav">
                            <!-- Toggles menu on small screens -->
                            <li class="visible-xs visible-sm">
                                <a href="javascript:void(0)" class="site-menu-toggle text-center">
                                    <i class="fa fa-times"></i>
                                </a>
                            </li>
                            <!-- END Menu Toggle -->
                            <li class="active">
                                <a href="index.html">首页</a>
                            </li>
                           
                            <li>
                                <a href="#section-1">实时行情</a>
                            </li>
                            
                            <li>
                                <a href="#section-2">产品</a>
                            </li>
                            <li>
                                <a href="#section-3">价格</a>
                            </li>
                            
                            <li>
                                <a href="#section-4">教程</a>
                            </li>
                            <li>
                                <a href="/portal/login.html" class="btn btn-primary">登陆</a>
                            </li>
                            <li>
                                <a href="/portal/signup.html" class="btn btn-success">注册</a>
                            </li>
                        </ul>
                        <!-- END Main Menu -->
                    </nav>
                    <!-- END Site Navigation -->
                </div>
            </header>
            <!-- END Site Header -->

            <!-- Intro -->
         
                <div id="home-carousel" class="carousel carousel-home slide" data-ride="carousel" data-interval="5000">
                <!-- Wrapper for slides -->
                <div class="carousel-inner">
                    <div class="active item">
                        <section class="site-section site-section-light site-section-top themed-background-autumn" >
                            <div class="container">
                                <h1 class="text-center animation-slideDown hidden-xs"><strong>数字货币对冲平台，陪伴您的智能交易帮手</strong></h1>
                             
                                <p class="text-center animation-fadeIn">
                                    <img src="/portal/img/btc/btc1.jpg"  height="400px" alt="Promo Image 1">
                                </p>
                            </div>
                        </section>
                    </div>
                    <div class="item">
                        <section class="site-section site-section-light site-section-top themed-background-autumn">
                            <div class="container">
                                <h1 class="text-center animation-fadeIn360 hidden-xs"><strong>多平台数字货币交易所，实时交易，大盘行情一览无余</strong></h1>
                               
                                <p class="text-center animation-fadeInLeft">
                                    <img src="/portal/img/btc/btc2.jpg" height="400px" alt="Promo Image 2">
                                </p>
                            </div>
                        </section>
                    </div>
                    <div class="item">
                        <section class="site-section site-section-light site-section-top themed-background-autumn">
                            <div class="container">
                                <h1 class="text-center animation-hatch hidden-xs"><strong>数据安全可靠，7*24小时技术服务，让您无后顾之忧</strong></h1>
                              
                                <p class="text-center animation-hatch">
                                    <img src="/portal/img/btc/btc3.jpg" height="400px"  alt="Promo Image 3">
                                </p>
                            </div>
                        </section>
                    </div>
                   
                </div>
         
            <!-- END Intro -->

            <!-- Section #1 -->
            <section class="site-content site-section" id="section-1">
                <div class="container">
                        <div class="table-responsive site-block">
                        <table class="table table-vcenter">
                            <tbody>
                                <tr>
                                    <th class="h3" colspan="4">实时行情</th>
                                </tr>
                                <tr>
                                    <td class="active"></td>
                                    <td class="text-center">火币专业站</td>
                                    <td class="text-center">OKCoin国际</td>
                                    <td class="text-center">OKEX</td>
                                    <td class="text-center">ZB</td>
                                </tr>
                                <tr>
                                    <td class="active">BTC</td>
                                    <td class="text-center">8162.20</td>
                                    <td class="text-center">9030.73</td>
                                    <td class="text-center">6081.87</td>
                                    <td class="text-center">6281.87</td>
                                </tr>
                                <tr>
                                    <td class="active">BCC</td>
                                    <td class="text-center">9030.73</td>
                                    <td class="text-center">8162.20</td>
                                    <td class="text-center">6281.87</td>
                                    <td class="text-center">6081.87</td>
                                </tr>
                                <tr>
                                    <td class="active">LTC</td>
                                    <td class="text-center">6081.87</td>
                                    <td class="text-center">6281.87</td>
                                    <td class="text-center">8162.20</td>
                                    <td class="text-center">9030.73</td>
                                </tr>
                                <tr>
                                    <td class="active">ETH</td>
                                    <td class="text-center">8162.20</td>
                                    <td class="text-center">9030.73</td>
                                    <td class="text-center">6081.87</td>
                                    <td class="text-center">6281.87</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <hr>
                </div>
            </section>
            <!-- END Section #1 -->

            

            <!-- Section #3 -->
            <section class="site-content site-section" id="section-2">
                <div class="container text-center">
                    <div class="row row-items">
                        <div class="col-sm-4">
                            <a href="javascript:void(0)" class="circle themed-background-fire animation-fadeIn360" data-toggle="animation-appear" data-animation-class="animation-fadeIn360" data-element-offset="-100">
                                <i class="gi gi-fire"></i>
                            </a>
                            <h4 class="site-heading"><strong>交易</strong> 对冲</h4>
                            <p class="text-left remove-margin">多平台交易，委托，手动/自动对冲.</p>
                        </div>
                        <div class="col-sm-4">
                            <a href="javascript:void(0)" class="circle themed-background animation-fadeIn360" data-toggle="animation-appear" data-animation-class="animation-fadeIn360" data-element-offset="-100">
                                <i class="gi gi-iphone_shake"></i>
                            </a>
                            <h4 class="site-heading"><strong>手机</strong> 支持</h4>
                            <p class="text-left remove-margin">支持手机下单，交易，对冲</p>
                        </div>
                        <div class="col-sm-4">
                            <a href="javascript:void(0)" class="circle themed-background-flatie animation-fadeIn360" data-toggle="animation-appear" data-animation-class="animation-fadeIn360" data-element-offset="-100">
                                <i class="gi gi-eye_open"></i>
                            </a>
                            <h4 class="site-heading"><strong>大盘</strong> 行情</h4>
                            <p class="text-left remove-margin">多交易所行情一览，实时行情.</p>
                        </div>
                    </div>
                    <div class="row row-items">
                        <div class="col-sm-4">
                            <a href="javascript:void(0)" class="circle themed-background-amethyst animation-fadeIn360" data-toggle="animation-appear" data-animation-class="animation-fadeIn360" data-element-offset="-100">
                                <i class="gi gi-globe_af"></i>
                            </a>
                            <h4 class="site-heading"><strong>浏览器</strong> 支持</h4>
                            <p class="text-left remove-margin">提供多浏览器支持 Chrome, Firefox, Safari, Opera和最新版本的IE浏览器.</p>
                        </div>
                        <div class="col-sm-4">
                            <a href="javascript:void(0)" class="circle themed-background-spring animation-fadeIn360" data-toggle="animation-appear" data-animation-class="animation-fadeIn360" data-element-offset="-100">
                                <i class="gi gi-flash"></i>
                            </a>
                            <h4 class="site-heading"><strong> 实时</strong> 交易</h4>
                            <p class="text-left remove-margin">实时交易，毫秒级，全站API交易.</p>
                        </div>
                     <div class="col-sm-4">
                            <a href="javascript:void(0)" class="circle themed-background-night animation-fadeIn360" data-toggle="animation-appear" data-animation-class="animation-fadeIn360" data-element-offset="-100">
                                <i class="gi gi-settings"></i>
                            </a>
                            <h4 class="site-heading"><strong>安全</strong> 可靠</h4>
                            <p class="text-left remove-margin">全站采用HTTPS加密传输，双重校验，保证您的数据安全隔离，解决您的后顾之忧.</p>
                        </div>
                    </div>
                    
                    <hr>
                </div>
            </section>
            <!-- END Section #3 -->
		<section class="site-content site-section" id="section-3">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="site-block">
                                <h3 class="site-heading">收费方式</h3>
                                <p>对冲平台针对您交易的额度进行收费，费率是2‰（千分之二），加上折扣，非常优惠，首次注册用户享有1000元免费对冲金额</p>
                            </div>
                            
                        </div>
                        <div class="col-sm-8">
                            <div class="site-block">
                                <table class="table table-bordered table-striped text-center">
                                    <thead>
                                        <tr>
                                            <th class="text-center">对冲额度(元)</th>
                                            <th class="text-center">金额(元)</th>
                                            <th class="text-center">折扣</th>
                                            <th class="text-center">折后金额(元)</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td >1000</td>
                                            <td><strong>2.0</strong></td>
                                            <td><strong>0.95</strong></td>
                                            <td><strong>1.9</strong></td>
                                        </tr>
                                        <tr>
                                            <td>3000</td>
                                            <td><strong>6.0</strong></td>
                                            <td><strong>0.90</strong></td>
                                            <td><strong>5.4</strong></td>
                                        </tr>
                                        <tr>
                                            <td>5000</td>
                                            <td><strong>10</strong></td>
                                            <td><strong>0.85</strong></td>
                                            <td><strong>8.5</strong></td>
                                        </tr>
                                        <tr>
                                            <td>10000</td>
                                            <td><strong>20</strong></td>
                                            <td><strong>0.80</strong></td>
                                            <td><strong>16</strong></td>
                                        </tr>
                                        <tr>
                                            <td>50000</td>
                                            <td><strong>100</strong></td>
                                            <td><strong>0.75</strong></td>
                                            <td><strong>75</strong></td>
                                        </tr>
                                        <tr>
                                            <td>100000</td>
                                            <td><strong>500</strong></td>
                                            <td><strong>0.70</strong></td>
                                            <td><strong>350</strong></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                           
                        </div>
                    </div>
                    
                    
                </div>
                 
            </section>
            <!-- Section #4 -->
            <section class="site-content site-section" id="section-4">
                <div class="container">
                    <h2 class="site-heading text-center push">
                        <strong>视频教程</strong>
                    </h2>
                    
                    <div class="col-md-12">
		                 <div class="col-md-8">
		                 <span class="image fit"><video
							src="/portal/video/01v58PICatcAIkdnCyAsV.mp4"
							width="560" height="320" controls autobuffer></video></span>
		                 </div>
					
				
	                    <div class="col-md-4">
	                 	丰富的视频教程，使您快速上手
	                 </div>
                    </div>
                    
                    
                </div>
                 
            </section>
            <!-- END Section #4 -->

            <!-- Footer -->
            <footer class="site-footer site-section">
                <div class="container">
                    <!-- Footer Links -->
                    <div class="row">
                        <div class="col-sm-6 col-md-6">
                            <h4 class="footer-heading">Header</h4>
                            <ul class="footer-nav list-inline">
                                <li><a href="javascript:void(0)">Link #1</a></li>
                                <li><a href="javascript:void(0)">Link #2</a></li>
                                <li><a href="javascript:void(0)">Link #3</a></li>
                            </ul>
                        </div>
                      
                        <div class="col-sm-6 col-md-3">
                            <h4 class="footer-heading">Social</h4>
                            <ul class="footer-nav footer-nav-social list-inline">
                                <li><a href="javascript:void(0)"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="fa fa-dribbble"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="fa fa-rss"></i></a></li>
                            </ul>
                        </div>
                        <div class="col-sm-6 col-md-3">
                            <h4 class="footer-heading"><span id="year-copy">2014</span> &copy; <a href="http://goo.gl/TDOSuC">对冲平台</a></h4>
                            <ul class="footer-nav list-inline">
                                <li>Crafted with <i class="fa fa-heart text-danger"></i> by <a href="http://goo.gl/vNS3I">bds</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- END Footer Links -->
                </div>
            </footer>
            <!-- END Footer -->
        </div>
        </div>
        <!-- END Page Container -->

        <!-- Scroll to top link, initialized in /portal/js/app.js - scrollToTop() -->
        <a href="#" id="to-top"><i class="fa fa-angle-up"></i></a>

        <!-- jQuery, Bootstrap.js, jQuery plugins and Custom JS code -->
        <script src="/portal/js/vendor/jquery.min.js"></script>
        <script src="/portal/js/vendor/bootstrap.min.js"></script>
        <script src="/portal/js/plugins.js"></script>
        <script src="/portal/js/app.js"></script>
    </body>
</html>